<template>
  <el-dialog :title="title" center  :visible.sync="openState" :close-on-click-modal="false" width="900px" append-to-body>
    <div class="discountReceipt-pick-operate-box">
      <div class="operate-box-bottom">
        <div class="bottom-content">
          <ht-table
            :defaultEventKey="defaultSearchKey"
            ref="dataTable"
            :showSerialNumber="false"
            :multi-select="false"
            :initData="false"
            :dictMap="dictMap"
            :reqConfig="reqConfig"
            :queryParams="queryParams"
            :tableBindColumns="tableBindColumns"
            :showRightToolbar="false"
          >
            <template v-slot:operate>
              <el-table-column
                label="操作"
                align="center"
                fixed="left"
                width="160"
                class-name="small-padding fixed-width"
              >
                <template slot-scope="scope">
                  <ht-button-group
                    :buttonList="[
                      {
                        label: '选择',
                        doFunc: () => {
                          confirm(scope.row);
                        },
                      },
                    ]"
                  />
                </template>
              </el-table-column>
            </template>
          </ht-table>
        </div>
      </div>
    </div>
  </el-dialog>
</template>

<script>
import { apiUrlConfig382 } from "@/api/cnaps/baseBiz/return/input/index";

export default {
  name: "detail382",
  props: {},
  data() {
    return {
      title: "",
      defaultSearchKey: "detail382",
      openState: false,
      // 来源标识 为了服用区分是哪个选项触发的
      fromFlag: "",
      dictMap: {},
      tableLoadingState: false,
      queryParams: {
        id:""
      },
      refName: '',
      reqConfig: apiUrlConfig382,
      tableBindColumns: [
        { prop: 'dtlNo',   label: '明细标识号'},
        { prop: 'payeeBrno',   label: '收款行行号'},
        { prop: 'payeeBrname',   label: '收款行行名'},
        { prop: 'payeeActno',   label: '收款人账号'},
        { prop: 'payeeName',   label: '收款人户名'},
      ],
    };
  },
  mounted() {

  },
  methods: {
    show(id = "") {
      this.openState = true;
      this.queryParams.id= id;
      this.$refs.dataTable.doQuery(true);

    },
    close() {
      this.openState = false;
    },
    loadData() {},
    // 点击确认数据
    confirm(row) {
      this.$emit("confirm", row);
      this.openState = false;
    },
  },
};
</script>

<style scoped></style>
